<%inherit file="base.html"/>
<%block name="Content">

<%block name="Title">${DATA.article.title} | ${DATA.blog.title}</%block>

% if DATA.article!=None:
<div id="content" role="main">
				<!--
				<div id="nav-above" class="navigation">
					<div class="nav-previous">
						<a href="#" rel="prev">
						<span class="meta-nav">←</span>
						 ${DATA.article.title}
						 </a>
					 </div>
					<div class="nav-next"></div>
				</div><!-- #nav-above -->
				
				<div class="post type-post format-standard hentry">
					<h1 class="entry-title">${DATA.article.title}</h1>
					<div class="additional-meta">
						<span class="meta-prep meta-prep-author">Posted on</span>
						<span class="date">${DATA.article.getLocalCreatedTime()}</span>
						<span class="meta-sep">by</span>
						<span class="author vcard">
							<a class="url fn n" href="/about">${DATA.blog.bloger}</a>
						</span>
						<span class="meta-right">${DATA.article.commenttimes}回复</span>    
						<span class="meta-right">${DATA.article.viewtimes}点击</span>
					</div><!-- .additional-meta -->
					<div class="entry-content">
						${DATA.article.content}
					</div><!-- .entry-content -->
					
					<div class="entry-utility">
						This entry was posted in 
						<a href="/category/${DATA.article.category.name}" title="查看 ${DATA.article.category.name} 中的全部文章" rel="category">${DATA.article.category.name}</a>
						%if len(DATA.article.getTags()):
							 and tagged 
							% for tag in DATA.article.getTags():
								<a href="/tag/${ tag.name}" rel="tag">${ tag.name}</a>, 
							% endfor
						%endif
						. Bookmark the 
						<a href="${DATA.article.permalink}" title="${DATA.article.title}" rel="bookmark">permalink</a>
						 or the 
						 <a href="${DATA.article.shortlink}" title="${DATA.article.title}" rel="bookmark">shortlink</a>
						.
					</div><!-- .entry-utility -->
				</div><!-- #post-## -->
				
				<div id="nav-below" class="navigation">
					%if DATA.article.previous()!=None:
					<div class="nav-previous">
						<a href="${DATA.article.previous().permalink}" rel="prev">
							<span class="meta-nav">←</span>
							 	${DATA.article.previous().title}
						</a>
					</div>
					%endif
					%if DATA.article.next()!=None:
					<div class="nav-next">
						<a href="${DATA.article.next().permalink}" rel="next">
							 ${DATA.article.next().title}
							 <span class="meta-nav">→</span>
						</a>
					</div>
					%endif
				</div><!-- #nav-below -->   
			
			<div id="comments">
					%if DATA.commentList.count()>0:
					<h3 id="comments-title">评论：</h3>
					<ol class="commentlist">
						%for comment in DATA.commentList:
						<li class="comment ${loop.cycle('even thread-even', 'alt')}">
							<div id="comment-${comment.key().id()}">
							<div id="comment-meta">
							<div class="comment-author vcard">
								<img src="${comment.getGravator()}" class="avatar avatar-36 photo" height="36" width="36">
								<cite class="fn">
									<a href="${comment.website}" rel="external nofollow" class="url">${comment.nickname}</a>
								</cite>
								<span class="says">说:</span>		
							</div><!-- .comment-author .vcard -->
		
							<div class="comment-meta commentmetadata">
							<a href="#">${comment.getLocalCreatedTime()}</a></div>
        					</div><!-- .comment-meta .commentmetadata -->

							<div class="comment-body">
								<p>${comment.content}</p>
							</div>
							<!-- .
							<div class="reply">
								<a class="comment-reply-link" href="">Reply</a></div> 
							</div>
							reply-->
							<!-- #comment-##  -->
						</li>
						%endfor
					</ol>
					%endif
					<div id="respond">
						<h3 id="reply-title">发表评论</h3>
						<form id="comment" action="${DATA.article.permalink}/comment#comment" method="post" id="commentform">
						 <p class="comment-notes">电子邮件地址不会被公开。</p>
						<p class="comment-form-author">
							<label for="author">昵称</label>*
							${DATA.commentForm.comment_nickname.render()}
						</p>
						<p class="comment-form-email">
							<label for="comment-email">电子邮件*</label>
							${DATA.commentForm.comment_email.render()}
						</p>
						<p class="comment-form-url">
							<label for="comment-url">站点</label>
							${DATA.commentForm.comment_website.render()}
						</p>
						<p class="comment-form-comment">
							<label for="comment-comment">评论*</label>
							${DATA.commentForm.comment_content.render()}
						</p>						
						<p class="form-submit">
							<input name="submit" type="submit" id="submit" value="发表评论">
							${DATA.commentForm.comment_article_id.render()}
						</p>
						</form>
					</div><!-- #respond -->
			</div><!-- #comments -->	
</div>
% endif
</%block>